
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="__PUBLIC__/plugins/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="__PUBLIC__/plugins/jquery/2.1.3/jquery.min.js"></script>
<script src="__PUBLIC__/plugins/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="__PUBLIC__/js/mp/order.js"></script>
<style type="text/css">
.table td {
	vertical-align: top !important;
}

.input-group {
	width: 100%;
	padding: 10px 10px 0px 10px;
}

#image_panel * {
	width: 60px;
	height: 60px;
	float: left;
	margin: 0px 10px 10px 0px;
}

#image_panel img {
	border-radius: 4px;
	border: solid 1px #ccc;
}

.btn-group.address {
	margin: 0px 0px 10px 0px;
}

.btn-group .context {
	width: 150px;
}

.clear {
	clear: both;
}
</style>
<script>
	var Param = <?php echo json_encode( $param ) ?>;
	$(function() {
		Order.init(<?php echo json_encode( $config ) ?>);
	});
</script>
</head>
<body>
	<div class="tabbable">
		<ul class="nav nav-tabs">
			<li class="<?php echo empty($address)?'':'active' ?>"><a href="#panel-select" data-toggle="tab">选择企业信息</a></li>
			<li class="<?php echo empty($address)?'active':'' ?>"><a href="#panel-add" data-toggle="tab">添加企业信息</a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane <?php echo empty($address)?'':'active' ?>" id="panel-select">
				<form name="order" id="order" action="">
					<div class="input-group">
						<label>预约企业</label>
						<div class="clear"></div>
						<div class="btn-group address">
							<span class="btn btn-default"> <input id="address_1" type="radio" name="address"></span> <span
								class="btn btn-default context">aaaaaaa</span>
							<button type="button" id="save_address" class="btn btn-default">设置默认</button>
							<button type="button" id="save_address" class="btn btn-default">删除</button>
						</div>
						<div class="clear"></div>
						<div class="btn-group address">
							<span class="btn btn-default"> <input id="address_1" type="radio" name="address"></span> <span
								class="btn btn-default context">aaaaaaa</span>
							<button type="button" id="save_address" class="btn btn-default">设置默认</button>
							<button type="button" id="save_address" class="btn btn-default">删除</button>
						</div>
						<div class="clear"></div>
						<div class="btn-group address">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								请选择预约项目<span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">a1</a></li>
								<li><a href="#">a2</a></li>
								<li><a href="#">a3</a></li>
								<li><a href="#">a4</a></li>
							</ul>
						</div>
						<div class="clear"></div>
						<div class="btn-group address" style="width: 100%;">
							<textarea rows="3" placeholder="预约留言信息" style="width: 100%;padding: 5px;"></textarea>
						</div>
						<div class="clear"></div>
						<div class="btn-group address">
							<button type="button" id="save_order" class="btn btn-default">提交预约</button>
						</div>
					</div>
				</form>
			</div>
			<div class="tab-pane <?php echo empty($address)?'active':'' ?>" id="panel-add">
				<form name="address" id="address" action="">
					<div class="input-group">
						<input type="text" class="form-control" placeholder="请输入企业名称">
					</div>
					<div class="input-group">
						<input type="text" class="form-control" placeholder="请输入联系人姓名">
					</div>
					<div class="input-group">
						<input type="phone" class="form-control" placeholder="请输入联系电话">
					</div>
					<div class="input-group btn-group" role="group">
						<span class="input-group-addon" id="sizing-addon2">请选择分行</span>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								a1 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">a1</a></li>
								<li><a href="#">a2</a></li>
								<li><a href="#">a3</a></li>
								<li><a href="#">a4</a></li>
							</ul>
						</div>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								b1 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">b1</a></li>
								<li><a href="#">b2</a></li>
								<li><a href="#">b3</a></li>
								<li><a href="#">b4</a></li>
							</ul>
						</div>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								c1 <span class="caret"></span>
							</button>
							<ul class="dropdown-menu">
								<li><a href="#">c1</a></li>
								<li><a href="#">c2</a></li>
								<li><a href="#">c3</a></li>
								<li><a href="#">c4</a></li>
							</ul>
						</div>
					</div>
					<div class="input-group">
						<label>企业资质</label>
						<div id="image_panel">
							<button type="button" id="add_images" class="btn btn-default glyphicon glyphicon-plus"></button>
						</div>
					</div>
					<div class="input-group">
						<button type="button" id="save_address" class="btn btn-default">保存企业信息</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<input type="file" id="add_file_images" style="display: none;">
</body>
</html>